<style lang="less" scoped></style>

<template>
	<div class="min-h-screen z-10 w-full">
		<div
			class="bg-base-300 min-h-10 absolute duration-300 w-full hover:min-h-60 hover:duration-300 :duration-300"
			@mouseenter="data.showData = true"
			@mouseleave="data.showData = false">
			<div class="h-10 d-flex items-center ">
				<div></div>
			</div>
			<div
				v-show="data.showData"
				class="h-auto duration-300">
				开发进行中
			</div>
		</div>
		<!--占位-->
		<div class="min-h-10"></div>
		<!--主题数据-->
		<div>敬请期待</div>
	</div>
</template>

<script setup>
import { onMounted, ref } from 'vue'
import { postQueryMenuItem } from '../interface/menuApi.js'
const menuList = ref([
	{
		title:"电脑办公",
		parentCode:"web-2002",
		parentId:10,
		menuList:[],
	},
	{
		title:"超市购物",
		parentCode:"web-2003",
		parentId:11,
		menuList:[],
	},
	{
		title:"服装首饰",
		menuId:"web-2004",
		parentId:12,
		menuList:[],
	},
	{
		title:"水果蔬菜",
		parentCode:"web-2005",
		parentId:13,
		menuList:[],
	},
])
const data = ref({
	showData: false
})

onMounted(() => {
	postQueryMenuItemFun();
})




/**-----------------------接口信息----------------------*/
/**
 * 查询菜单接口
 */
function postQueryMenuItemFun(){
	postQueryMenuItem({
		parentCode: "web-2001",
		parentId: 4
	}).then(res=>{
		console.log(res)
	})
}
</script>
